
// 向后台发送请求，返回数据
$.get("list.php",function(resText){
	console.log(resText);
	let arr = resText.split(";");
	console.log(arr);
	
	let listarr = [];
	// 遍历这个数组
	for(let i =0;i<arr.length-1;i++){
		// 再把里面的进行拆分
		// 将每一条数据拆分，尾插到listarr中
		listarr.push(arr[i].split("#"));
		console.log(listarr)
	}
	
	// 八个数组
	listarr.forEach(function(item){ //item是数组里的每一条数据
		// 遍历每条数据，创建新的板块
		let newlist = $("#list").clone(true);
		// 清空id；
		newlist.attr("id","");
		// 添加到父元素身上
		$("#listall").append(newlist);
		
		newlist.find($("img")).attr("src","../images/list-"+item[0]+".png");
		newlist.find($("h3")).html(item[1]);
		newlist.find($(".listul")).html(item[2]);
	})
	
	
})

//列表页点击当前的元素的时候，获取当前点击元素的下标
let index;
$(".list").click(function(){
	index = $(this).index();
	// console.log(index);//点击第一个元素下标是1，因为前面有一个隐藏模板，若想从0开始，所以减去1就好啦
	let ss = sessionStorage;
	ss.setItem("index",index-1);
	window.location.href="../details/details.html";
})